/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'custom-icon';  /* Project id 4625135 */
  src: url('//at.alicdn.com/t/c/font_4625135_llsltnsrs5.eot?t=1731757749944'); /* IE9 */
  src: url('//at.alicdn.com/t/c/font_4625135_llsltnsrs5.eot?t=1731757749944#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//at.alicdn.com/t/c/font_4625135_llsltnsrs5.woff2?t=1731757749944') format('woff2'),
       url('//at.alicdn.com/t/c/font_4625135_llsltnsrs5.woff?t=1731757749944') format('woff'),
       url('//at.alicdn.com/t/c/font_4625135_llsltnsrs5.ttf?t=1731757749944') format('truetype'),
       url('//at.alicdn.com/t/c/font_4625135_llsltnsrs5.svg?t=1731757749944#custom-icon') format('svg');
}

.custom-icon {
  font-family: "custom-icon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.custom-icon-cart-empty:before {
  content: "\e826";
}

.custom-icon-cart-empty-fill:before {
  content: "\e829";
}

.custom-icon-customer-fill:before {
  content: "\e82a";
}

.custom-icon-customer:before {
  content: "\e82b";
}

.custom-icon-all-fill:before {
  content: "\e84a";
}

.custom-icon-all:before {
  content: "\e84b";
}

.custom-icon-home-fill:before {
  content: "\e857";
}

.custom-icon-home1:before {
  content: "\e858";
}
.tabbar {
	width: 100%;
	height: calc(100rpx + constant(safe-area-inset-bottom));
	height: calc(100rpx + env(safe-area-inset-bottom));
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	border-top: 1px solid #c6c6c6;
	position: relative;
	z-index: 10;
	.tabbar-item {
		width: calc(100% / 4);
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		&.active {
			.tabbar-icon {
				.custom-icon {
					color: #333;
				}
			}
			.tabbar-title {
				color: #333;
			}
		}
		.tabbar-icon {
			width: 42rpx;
			height: 42rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			.custom-icon {
				width: 100%;
				height: 100%;
				line-height: 42rpx;
				font-size: 40rpx;
				vertical-align: top;
				color: #afafb1;
			}
		}
		.tabbar-title {
			color: #838383;
			font-size: 22rpx;
			line-height: 22rpx;
			font-weight: 500;
			margin-top: 9rpx;
			position: relative;
			z-index: 2;
			color: #afafb1;
		}
	}
}
